<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/Hui-iconfont/1.0.8/iconfont.min.css" />
<style type="text/css">
.row {
	margin-top: 15px
}
</style>
<title>景区详情</title>
</head>
<body>
	<div class="panel panel-default">
		<div class="panel-header">景区信息</div>
		<div class="panel-body">
			<div class="row cl">
				<label class="form-label col-xs-2">景区图片：</label>
				<div class="formControls col-xs-4">
					<img src="${detail.img}" width="120px" height="50px" id="imgThumb" />
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-2">景区名称：</label>
				<div class="form-label col-xs-4">
					<label class="form-label">${detail.name }</label>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-2">景区描述：</label>
				<div class="formControls col-xs-8">
					<label class="form-label">${detail.descript }</label>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-2">景区每天开放时间：</label>
				<div class="formControls col-xs-8">
					<label class="form-label">${detail.openTime }</label>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-2">景区位置：</label>
				<div class="formControls col-xs-4">
					<label class="form-label">${detail.area }</label>
				</div>
				<label class="form-label col-xs-2">景区默认车牌前缀：</label>
				<div class="formControls col-xs-4">
					<label class="form-label">${detail.carNoPrefix }</label>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-2">资费说明：</label>
				<div class="formControls col-xs-8">
					<label class="form-label">${detail.priceDesc }</label>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-2">使用说明：</label>
				<div class="formControls col-xs-8">
					<label class="form-label">${detail.useDesc }</label>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-2">退票规则：</label>
				<div class="formControls col-xs-8">
					<label class="form-label">${detail.returnTicketRule }</label>
				</div>
			</div>
			<div class="row cl" style="text-align: center">
				<button id="updateBtn" class="btn btn-secondary radius size-L" type="button">编辑</button>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	$(function() {
		$("#imgThumb").click(function() {
			var photosJson = new Object();
			var photoArray = new Array();
			var photo = new Object();
			photo.src = $(this).attr("src");
			photoArray[0] = photo;
			photosJson.data = photoArray;
			layer.photos({
				photos : photosJson
			});
		});

		$("#updateBtn").click(function() {
			addOrUpdate("编辑景区信息", "${ctx}/scenicSpot/updateIndex?scenicSpotId=" + "${detail.id}", 1000, 500);
		});
	});
	
	function reloadData(){
		location.reload();
	}
</script>
</html>
